body {
	overflow: scroll;
	height: 100%;
}
// 轮播图
#banner {
	width: 100%;
	height: 180px;
	.swiper-pagination {
		.swiper-pagination-bullet {
			background-color: #fff;
		}
		// 分页器激活背景色
		.swiper-pagination-bullet-active {
			background-color: #e5e5e5;
		}
	}
	.swiper-wrapper {
		width: 100%;
		height: 100%;
	}
	#swiper1 {
		background: url("../../assets/imgs/index-swiper-bg1.jpg") no-repeat center;
		background-size: cover;
	}
	#swiper2 {
		background: url("../../assets/imgs/index-swiper-bg2.jpg") no-repeat center;
		background-size: cover;
	}
	#swiper3 {
		background: url("../../assets/imgs/index-swiper-bg3.jpg") no-repeat center;
		background-size: cover;
	}
}
#mainCont {
	padding: 14px 14px 0;
	> div {
		width: 100%;
		height: 110px;
		box-sizing: border-box;
		padding-bottom: 20px;
	}
	#rank_punch {
		height: 150px;
		> div {
			padding: 14px;
			height: 100%;
			box-sizing: border-box;
			border-radius: 12px;
			color: #1b3b4b;
		}
		.rank {
			width: 130px;
			background: #40a0d0 url(../../assets/imgs/index-card-rank.png) no-repeat;
			background-position: -15px 30px;
			background-size: 100px 90px;
			// color: #1b3b4b;
			span {
				padding-top: 20px;
				width: 100%;
				text-align: right;
				font-size: 45px;
				color: #fff;
				font-weight: 500;
			}
		}
		.punch {
			width: 200px;
			background: #7bcbf5 url(../../assets/imgs/index-card-sum.png) no-repeat;
			background-position: 6px 30px;
			background-size: 100px 90px;
			// color: #1b3b4b;
			div {
				width: 100%;
				padding-top: 40px;
				p {
					width: 80px;
					height: 30px;
					line-height: 26px;
					border-radius: 17px;
					border: 2px solid #085276;
				}
			}
		}
	}
	#data_badge {
		> div {
			height: 90px;
			border-radius: 12px;
			padding: 14px;
			color: #1b3b4b;
			font-size: 14px;
		}
		.data {
			width: 160px;
			background: url(../../assets/imgs/index-card-data.png) no-repeat center;
			background-size: cover;
			color: #fff;
		}
		.badge {
			width: 170px;
			background: #9ebee2 url(../../assets/imgs/index-card-badge.png) no-repeat
				center;
			background-size: 90px 80px;
			background-position: 6px 12px;
			.count {
				right: 14px;
				bottom: 10px;
			}
			span {
				display: inline-block;
				height: 60px;
				font-size: 70px;
			}
		}
	}
	.common {
		padding: 14px;
		height: 90px;
		background: url(../../assets/imgs/course-img04.jpg) no-repeat center;
		background-size: 100% 120px;
		border-radius: 12px;
		color: #fff;
		font-size: 14px;
	}
	#run {
		.common {
			background: url(../../assets/imgs/course-img02.png) no-repeat center;
			background-size: 100% 120px;
		}
	}
	#ride {
		.common {
			background: url(../../assets/imgs/course-img03.jpg) no-repeat center;
			background-size: 100% 120px;
		}
	}
	#swim {
		.common {
			background: url(../../assets/imgs/course-img01.jpg) no-repeat center;
			background-size: 100% 120px;
		}
	}
	#dive {
		.common {
			background: url(../../assets/imgs/course-img05.jpg) no-repeat center;
			background-size: 100% 120px;
		}
	}
}
